@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.jetpack-product-store__need-more-info {
	padding: 5rem 0;
	text-align: center;
}

.jetpack-product-store__need-more-info-headline {
	padding-bottom: 0.9375rem;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	line-height: inherit;
}

.jetpack-product-store__need-more-info-buttons {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 1rem;

	@include break-medium {
		justify-content: center;
		flex-direction: row;
	}
}

.jetpack-product-store__need-more-info-buttons .more-info-box__more-button.button {
	color: var(--color-neutral-100);
}
